<template>
  <el-dialog title="订单详情" :visible="isShow" @close="closeFn" width="730px">
    <div class="title">
      <div class="left">
        <div class="clock">
          <!-- <img
            v-if="infoForm.taskStatusTypeEntity.statusId === 1"
            src="../../../assets/task/clock.png"
            alt=""
          />
          <img
            v-if="infoForm.taskStatusTypeEntity.statusId === 3"
            src="../../../assets/task/warning.png"
            alt=""
          /> -->
          <img
            src="../../../assets/task/yes.png"
            alt=""
          />
        </div>
          <span>出货成功</span>
      </div>
      <div class="right">
        <!-- <img
          v-if="infoForm.taskStatusTypeEntity.statusId === 1"
          src="../../../assets/task/paper.png"
          alt=""
        />
        <img
          v-if="infoForm.taskStatusTypeEntity.statusId === 3"
          src="../../../assets/task/canceled.png"
          alt=""
        /> -->
        <img
          src="../../../assets/task/done.png"
          alt=""
        />
      </div>
    </div>
    <el-form :inline="true" :model="orderInfo" label-width="120px">
      <el-row>
        <el-col :span="12">
          <el-form-item label="订单编号：">
            <span>{{orderInfo.orderNo}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="商品名称：">
            <span>{{orderInfo.skuName}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="订单金额：">
            <span>{{orderInfo.price / 100}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="设备编号：">
            <span>{{orderInfo.innerCode}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="创建时间：">
            <span>{{orderInfo.createTime.split('T').join(' ')}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="完成时间：">
            <span>{{orderInfo.updateTime.split('T').join(' ')}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="支付方式：">
            <span>{{orderInfo.payType === 1 ? '支付宝支付' : '微信支付'}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="设备地址：">
            <span>{{orderInfo.addr.split('-').splice(3).join('')}}</span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>
</template>

<script>
export default {
  props: {
    isShow: Boolean,
    orderInfo: Object
  },
  data() {
    return {
      infoForm: {},
    };
  },
  created() {
   
  },
  methods: {
    closeFn(){
      this.$emit('update:isShow', false)
    }
  },
};
</script>

<style lang="scss" scoped>
.btn {
  width: 80px;
  height: 36px;
  border: none;
  padding: 0;
  line-height: 36px;
}
.cancel {
  background-color: #fbf4f0;
  color: #7e7570;
}

.title {
  width: 670px;
  height: 54px;
  background-color: #f8f8f8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 25px;
  .left {
    display: flex;
    align-items: center;
    span {
      color: #252525;
      margin-left: 16px;
    }
  }
  .right {
    padding-right: 55px;
    padding-bottom: 10px;
  }
}
</style>
